<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--margin:0 auto;居中
    要求： 块元素，块元素有固定的宽度
        -->
    <style>
        div{
            width: 100px;
            height: 100px;
            border: 10px solid red;
            box-shadow: 10px 10px 1px yellow;

        }
        img{
            /*margin:0 auto;*/
            border-radius:50px ;
            box-shadow: 10px 10px 1px green;
            vertical-align: center;
        }
    </style>
</head>
<body>
<div style="width: 200px ;height: 100px">
    <img src="images/head.jpg" alt="">
</div>
</body>
</html>